@charset "utf-8";


* {
  margin: 0px;
  padding: 0px;
}

html, body {
  width: 100%;
  height: 100%;
  min-width: 1200px;
  min-height: 600px;
  overflow: hidden;
  font-size: 20px;
}

html {
  width: 100%;
  height: 100%;
  min-width: 1300px;
  min-height: 600px;
  overflow: hidden;
  font-size: 62.5%;
  background: url("../imgs/bg.gif");
}

body {
  position: relative;
  font-size: 1.4rem;
  font-family: "Microsoft Yahei", Arial, sans-serif;
  //background: rgba(0,0,0,.4);
  //background: url("../imgs/bg-task.jpg") 0 0 / 100% 100% no-repeat;
  background: rgba(40, 30, 47, 0.1) url(../imgs/bg.png) 0 0 / 100% 100% no-repeat;
}

#header {
  position: relative;
  //height: 48px;
  height: 6vh;
  background: url(../imgs/header.png) 0 0 / 100% 100% no-repeat;
  overflow: hidden;
  font-size: 1rem;

  .header-title {
    text-align: center;
    font-weight: 400;
    color: #fff;
    line-height: 5vh;
    font-size: 2rem;
  }
}


#footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4vh;
  background: url(../imgs/footer.png) 0 0 / 100% 100% no-repeat;
}

.char-box {
  border-style: solid;
  border-width: 26px 27px 27px;
  border-image: url(../imgs/chart-wrapper.png) 26 27 27 fill / 1 / 0 repeat;
}


